<? header("Content-type:text/html; charset=utf-8;"); ?>

<html>
    <head>
        <title>Form 0.2</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <script type="text/javascript" language="javascript" src="js/jquery.js"></script>
        <script type="text/javascript" language="javascript" src="js/jquery.form.js"></script>
        <script type="text/javascript" language="javascript" src="js/ajax.js"></script>
    </head>
    <body>
        <form action="" id="ajaxForm" method="POST">
        <table border="0" align="center" style="width:90%;">
        <tr><td colspan="2"><input type="text" name="url" style="width:100%;"></td></tr>
        <tr>
            <td style="width:70%; vertical-align:top;">
                <table border="0" style="width:100%;">
                <tr><td>Response headers</td></tr>
                <tr>
                    <td><textarea style="overflow:auto;" wrap="off" readonly="false" id="responseHeaders" cols="100" rows="8"></textarea></td>
                </tr>
                <tr><td>Response body</td></tr>
                <tr>
                    <td><textarea style="overflow:auto;" wrap="off" readonly="false" id="responseBody" cols="100" rows="30"></textarea></td>
                </tr>
                </table>
            </td>
            <td style="width:30%; vertical-align:top;">
                <table border="0" style="width:100%;">
                <tr><td><input type="checkbox" name="useHeaders" id="useHeaders" value="1" style="margin:0 10 0 0;"><label for="useHeaders">Request headers</label></td></tr>
                <tr>
                    <td><textarea style="overflow:auto;" wrap="off" name="requestHeaders" cols="50" rows="8"></textarea></td>
                </tr>
                <tr><td><input type="checkbox" name="usePost" id="usePost" value="1" style="margin:0 10 0 0;"><label for="usePost">Request post</label></td></tr>
                <tr>
                    <td><textarea style="overflow:auto;" wrap="off" name="requestPost" cols="50" rows="8"></textarea></td>
                </tr>
                <tr><td><input type="checkbox" name="useCookie" id="useCookie" value="1" style="margin:0 10 0 0;"><label for="useCookie">Request cookie</label></td></tr>
                <tr>
                    <td><textarea style="overflow:auto;" wrap="off" name="requestCookie" cols="50" rows="8"></textarea></td>
                </tr>
                <tr>
                    <td style="vertical-align:middle; height:160px;"><div style="width:100%; text-align:center; display:none;" id="loading"><img src="data/loading.gif" border="0"></div></td>
                </tr>
                </table>
            </td>
        </tr>
        <tr><td colspan="2" align="right"><input type="button" id="go" value="Go" style="width:150px;"></td></tr>
        </table>
        </form>
    </body>
</html>